<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">

  <title>Document</title>
  <script src="./js/vue.min.js"></script>
  <script src="./js/index.js"></script>
</head>
<body>
  <div id="table">
    <div class="add">
      <input type="text" placeholder="标题">
      <input type="text" placeholder="发布人">
      <input type="date" placeholder="发布时间">
      <button>增加</button>
    </div>
    <table cellspacing="0" cellpadding="0">
      <thead>
        <tr>
          <th>序号</th>
          <th>标题</th>
          <th>发布人</th>
          <th>发布时间</th>
          <th>发布操作</th>
        </tr>


      </thead>
      <tbody>
        <tr>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td>
            <span class="delete">删除</span>
            <span class="edit">编辑</span>
          </td>
        </tr>
      </tbody>
    </table>
    <div id="layer">
      <div class="mask">
        <div class="tittle">
          编辑
          <span>x</span>
        </div>
        <div class="content">
          <input type="text" placeholder="标题">
      <input type="text" placeholder="发布人">
      <input type="date" placeholder="发布时间">
      <button>更新</button>
      <button>增加</button>
        </div>
      </div>
    </div>
  </div>
  
  
</body>
</html>